// 写到app.scss中
//.main {
//    margin: 0 auto;
//    width: 66%;
//}
//
//@media screen and (max-width: 1150px) {
//    .main {
//        width: 100%;
//    }
//}

//.index-container1 {
//    //width: 100vw;
//    //height: 100vh;
//    //background: url(~/assets/images/bg.jpg) repeat;
//    color: var(--el-color-white);
//
//    .main {
//        //height: calc(100vh - 120px);
//        padding: 0;
//
//        .main-container {
//            display: flex;
//            height: 100%;
//            width: 66%;
//            margin: 0 auto;
//            align-items: center;
//            justify-content: space-between;
//
//            .container-button {
//                margin: 0 15px 15px 0;
//            }
//
//            .main-left {
//                padding-right: 50px;
//                .main-title {
//                    font-size: 45px;
//                }
//                .main-content {
//                    padding-top: 20px;
//                    padding-bottom: 40px;
//                    font-size: var(--el-font-size-large);
//                }
//            }
//
//            .main-right {
//                img {
//                    width: 380px;
//                }
//            }
//        }
//    }
//}
//
//.ba-header1 {
//    background-color: transparent !important;
//    box-shadow: none !important;
//    position: fixed;
//    width: 100%;
//    :deep(.header-logo) {
//        span {
//            padding-left: 4px;
//            color: var(--el-color-white);
//        }
//    }
//    :deep(.frontend-header-menu) {
//        background: transparent;
//        .el-menu-item,
//        .el-sub-menu .el-sub-menu__title {
//            color: var(--el-color-white);
//            &.is-active {
//                color: var(--el-color-white) !important;
//            }
//            &:hover {
//                background-color: transparent !important;
//                color: var(--el-menu-hover-text-color) !important;
//            }
//        }
//    }
//}
//.ba-footer1 {
//    color: var(--el-text-color-secondary);
//    background-color: transparent !important;
//    position: fixed;
//    bottom: 0;
//}
//
//@media screen and (max-width: 1024px) {
//    .index-container1 {
//        .main {
//            height: unset;
//        }
//    }
//    .main-container1 {
//        width: 90% !important;
//        flex-wrap: wrap;
//        align-content: center;
//        justify-content: center !important;
//        .main-right {
//            padding-top: 50px;
//        }
//    }
//}
//@media screen and (max-width: 375px) {
//    .main-right1 img {
//        width: 300px !important;
//    }
//}
//@at-root html.dark1 {
//    .index-container1 {
//        background: url(~/assets/images/bg-dark.jpg) repeat;
//    }
//}
